<!-- 添加我的方式 -->
<template>
  <div id="AddMyWay">
    <Head BackType1="1" title="添加我的方式"></Head>
    <div id="NewsNotificationMain">
      <div class="MessageTip">可以通过以下方式找到我</div>
      <van-cell-group>
        <van-switch-cell @input="onInput1" v-model="checked1" title="账号" />
      </van-cell-group>
      <van-cell-group>
        <van-switch-cell @input="onInput2" v-model="checked2" title="群聊" />
      </van-cell-group>
      <van-cell-group>
        <van-switch-cell @input="onInput3" v-model="checked3" title="名片" />
      </van-cell-group>
      <div class="MessageTip"><span>*</span>关闭后，其他用户将不能通过上面的方式找到你</div>
    </div>
  </div>
</template>

<script>
  import Head from '../components/Head'
  import {CellGroup, SwitchCell } from 'vant';
  export default {
    data(){
      return{
        checked1:false,
        checked2:false,
        checked3:false,
      }
    },
    components:{
      Head,
      [CellGroup.name]:CellGroup,
      [SwitchCell.name]:SwitchCell,
    },
    mounted(){
      /**
      * 新消息通知设置
      * type:4 通过账号寻找我， 5 通过群聊加我，6 通过名片加我
      * value:1是 0否
      */
      this.$get(urlConfig.getConfig)
        .then(res => {
        console.log(res);
        if(res.data.length !=0){
          for(var i=0; i<res.data.length; i++ ){
            if(res.data[i].type ==4){
              if(res.data[i].value ==0){
                this.checked1 = false
              }else{
                this.checked1 = true
              }
            }else if(res.data[i].type ==5){
              if(res.data[i].value ==0){
                this.checked2 = false
              }else{
                this.checked2 = true
              }
            }else if(res.data[i].type ==6){
              if(res.data[i].value ==0){
                this.checked3 = false
              }else{
                this.checked3 = true
              }
            }else {
              console.log(0)
            }
          }
        }else{
        }
      }) 
    },
    methods:{
      onInput1(){
        let valueText =''
        if(this.checked1==true){
          valueText = 1
        }else{
          valueText = 0
        }
        /**
        *  新消息通知设置
        * type:1 新消息通知, 2 声音, 3 振动 ，4 通过账号寻找我， 5 通过群聊加我，6 通过名片加我，7 字体大小，8 聊天背景，9 一件清除聊天记录 ，10 加我是否需要验证
        * value:1是 0否
        */
        let configtext={
          type:parseInt(4),
          value:parseInt(valueText),
        }
        this.$post(urlConfig.config,configtext)
          .then(res => {
          console.log(res);
        })
      },
      onInput2(){
        let valueText =''
        if(this.checked2==true){
          valueText = 1
        }else{
          valueText = 0
        }
        /**
        *  新消息通知设置
        * type:1 新消息通知, 2 声音, 3 振动 ，4 通过账号寻找我， 5 通过群聊加我，6 通过名片加我，7 字体大小，8 聊天背景，9 一件清除聊天记录 ，10 加我是否需要验证
        * value:1是 0否
        */
        let configtext={
          type:parseInt(5),
          value:parseInt(valueText),
        }
        this.$post(urlConfig.config,configtext)
          .then(res => {
          console.log(res);
        })
      },
      onInput3(){
        let valueText =''
        if(this.checked3==true){
          valueText = 1
        }else{
          valueText = 0
        }
        /**
        *  新消息通知设置
        * type:1 新消息通知, 2 声音, 3 振动 ，4 通过账号寻找我， 5 通过群聊加我，6 通过名片加我，7 字体大小，8 聊天背景，9 一件清除聊天记录 ，10 加我是否需要验证
        * value:1是 0否
        */
        let configtext={
          type:parseInt(6),
          value:parseInt(valueText),
        }
        this.$post(urlConfig.config,configtext)
          .then(res => {
          console.log(res);
        })
      },
    },
  }
</script>

<style scoped lang="less">
  #AddMyWay{
    #NewsNotificationMain{
      position: fixed;
      top: 98px;
      left: 0;
      width: 100%;
      .van-cell {
        font-size: 32px;
      }
      .MessageTip{
        height: 50px;
        line-height: 50px;
        color: #8c8c8c;
        font-size: 22px;
        padding: 0 30px;
        span{
          color: #F61212;
        }
      }
    }
  }
</style>
